<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org" id="ng-app">
<head>
<meta charset="UTF-8">
<title>即时开通</title>

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="../resources/font-awesome-4.3.0/css/font-awesome.min.css">
<link rel="stylesheet"
	href="../resources/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="css/index.css">
<script src="../jquery/jquery.min.js"></script>
<script src="../resources/jqueryUI/jquery-ui-1.9.1.custom.min.js"></script>
<script src="../resources/angularjs/angular2.js"></script>
<script src="../resources/bootstrap/js/bootstrap.min.js"></script>
<script src="../resources/layer/layer.js"></script>
<script type="text/javascript" src="../resources/js/common.js"></script>

<script src="js/index.js"></script>
<style type="text/css">
.headerMessage {
	margin: 14px;
	padding: 0px !important;
	font-size: 22px;
}

.headerMessage .badge {
	position: absolute;
    top: -7px;
    left: 33px;
}
.menuTitle .closeBtn{
	display:none;
    position: absolute;
    top: 1px;
    right: 0px;
    cursor: pointer;
}
.menuTitle:hover .closeBtn{
	display:inline !important;
}
.closeBtn:hover{
    font-size: 25px;
    top: -5px;
    right: -3px;
    color: #5ACCC2;
}
</style>
</head>
<body class="skin-blue" ng-app="iomApp">
	<div id="headerSection" ng-controller="hearController">
		<nav class="navbar navbar-default navbar-fixed-top">
			<div>
				<a class="navbar-brand">即时开通</a>
			</div>
			<div class="navbar-right z-right" style="margin-right: 20px;">
				<ul class="headerUl"> 
					<li><a class="headerMessage" ztitle='通知'><i
							class='fa fa-bell'></i><span class="badge">99+</span></a></li>
					<li><a class="headerMessage" ztitle='未竣工'><i
							class='fa fa-exclamation-circle'></i><span class="badge">99+</span></a></a></li>
					<li><a class="headerMessage" ztitle='异常'><i
							class='fa fa-exclamation-triangle'></i><span class="badge">99+</span></a></a></li>
					<li class="dropdown " style="padding-left: 45px;"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown" role="button" aria-haspopup="true"
						aria-expanded="false">注销<span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li><a href="javascript:;" ng-click='logout()'>切换用户</a></li>
							<li role="separator" class="divider"></li>
							<li><a href="javascript:;" ng-click='exit()'>退出</a></li>
						</ul></li>
				</ul>
			</div>
		</nav>
	</div>


	<div id="mainSection" class='row' ng-controller="mainController">
		<div id="leftSection" class="col-xs-2">
			<div id="menuSection2"></div>
			<div id="menuSection" ng-controller="menuController">
				<ul class="nav nav-pills nav-stacked">
					<li ng-repeat="menu in menus"><a href="#{{menu.code}}"
						class="nav-header collapsed" data-toggle="collapse"> <i
							class="pMenuI {{menu.icon}}"></i>{{menu.name}}<span
							class="pull-right glyphicon glyphicon-chevron-toggle"></span>
					</a>
						<ul id="{{menu.code}}" class="nav nav-list collapse secondmenu"
							style="height: 0px;">
							<li ng-click='openMenu()' class="zMenus"
								ng-repeat="subMenu in menu.subMenus"><a
								id="{{subMenu.code}}" xhref="{{subMenu.href}}"><i
									class="{{subMenu.icon}}"></i>&nbsp;{{subMenu.name}}</a></li>
						</ul></li>
				</ul>
			</div>
		</div>
		<div id="centerSection" class="col-xs-10">
			<ul id="windowTitleNav" class="nav nav-pills">
				<li style="position: fixed; right: 0px;"><a
					id="chgShowModelBtn" ng-click="changeLeftMenuModel()"> <i
						class="glyphicon glyphicon-fullscreen" ztitle='最大化'></i><i
						ztitle='还原' class="glyphicon glyphicon-resize-small"
						style="display: none"></i></a></li>
				<li style="position: fixed; right: 30px;"><a
					ng-click="refreshIframe()"><i
						class="glyphicon glyphicon-refresh" ztitle='刷新'></i></a></li>
				<li style="position: fixed; right: 60px;"><a
					ng-click="openNewWindow()"><i class="glyphicon glyphicon-share"
						ztitle='新窗口打开'></i></a></li>


			</ul>
			<div id="centerWindow">
				<!-- <div role="tabpanel"><iframe src="" frameborder="no" border="0"></iframe></div> -->
			</div>
		</div>
	</div>
</body>
</html>